<template>
    <div class="details">
       <div class="hedimg">
           <img src="../../../assets/images/detail1.jpg" alt="">
       </div>
       <!-- 宠物信息 -->
       <div class="detacomen">
           <div>
               <h3>豆豆</h3>
               <P>金毛</P>
               <P>铜锣湾花园（天津市南开区城厢东路209号）</P>
           </div>
               <ul class="dataBox">
                 <li>汪星人</li>
                 <li>弟弟</li>
                 <li>3个月</li>
                 <li>大型</li>
                 <li>已驱虫</li>
                 <li>未绝育</li>
                 <li>已接种</li>
                 <li>家养</li>
               </ul>
               <div class="dataiimg">
                    <img src="../../../assets/images/collection.png" alt="">
               </div>
              
    </div>
    <!-- 领养条件 -->
     <div class="detaAdopt">
         <div>
             <img src="../../../assets/images/circular.png" alt="">
             <span>宠物领养</span>
         </div>
         <div class="datatext">
             <p>领养前取得家人的同意</p>
             <p>同城领养</p>
             <p>文明养宠，出门牵绳，科学喂养</p>
             <p>不离不弃，有病就医，不虐待，不买卖</p>
         </div>
         </div>
          <div class="detaAdopt">
          <div>
             <img src="../../../assets/images/circular.png" alt="">
             <span>宠物介绍</span>
         </div>
         <div class="datatexts">
             <p>疫苗已打完是只可爱的公狗,我只想为他找一个主人就好,他很听话只是我因为学业不能继续养在身边,狗是最忠诚的动物。</p>
            </div>
     </div>
      <div class="detaAdopts">
          <div class="see">
             <img src="../../../assets/images/circular.png" alt="">
             <span>送养人信息</span>
         </div>
         <div class="dataimgs">
            <img src="../../../assets/images/detail1.jpg" alt="">
            <span>Persewuuu</span>
             <p>Hi，我是稚初.，很高兴分享我的宠物，广交热爱宠物的朋友</p> 
            </div>
     </div>
     <div class="footBox">
         <div class="imgse">
             <img src="../../../assets/images/meseege.png" alt="">
         </div>
         <div class="fonnttetx">
             <span>我要领养</span>
         </div>
         <div class="footimg">
             <img src="../../../assets/images/report.png" alt="">
         </div>
     </div>
     
        

    </div>
</template>
<script src="./details.js">
</script>
<style lang="scss">
@import "./details.scss";
</style>